<template>
    <div id="nav">
      <router-link v-for="page in allPages" :key="page.title" :to="page.url">{{
        page.title
      }}</router-link>
    </div>
</template>

<script>
export default {
  data() {
    return {
      allPages: [
        {
          title: "Home",
          url: "/"
        },
        {
          title: "About",
          url: "/about"
        },
        {
          title: "Login",
          url: "/login"
        }
      ]
    };
  }
};
</script>

<style lang="scss" scoped>

</style>